﻿/**style.css**/
body{ max-width: 750px; margin: 0 auto;}
img{ max-width: 100%;}

.top-price{ display: flex;justify-content: space-between; padding: 0 0 0.3rem 0.3rem;}
.top-price .lt-num{ display: block; font-size: 0.29rem; color: #FF2E2E; margin-bottom: 0.1rem;}
.top-price .lt-num b{ font-size: 0.69rem; margin-right: 0.18rem; }
.top-price .lt-price{ font-size: 0.29rem; color: #B7D0FD; padding-left: 0.2rem;}
.top-price .top-rg{ width: 1.8rem; line-height: 200%; margin-top: 0.16rem;}
.top-price .top-rg li{ display: block; font-size: 0.24rem; color: #fff; }
.top-price .top-rg li span{ font-size: 0.27rem; color: #B7D0FD; margin-right: 0.3rem; }

.main-box{ width: 100%; position: relative;}
#main{ width: 100%;}
.main-list{ display: flex; justify-content: space-between; height: 0.65rem;}
.main-list span{ display: inline-block; width: 0.86rem; line-height: 0.65rem; text-align: center; font-size: 0.24rem; color: #A5C2F8; position: relative;}
.main-list span img{ position: absolute; bottom: 0.16rem; right: 0; z-index: 100; transform: rotate(-45deg); height: 0.1rem;}
.main-list span.cur{ color: #1C82D5; }
.main-type{ width: 7.3rem; background-color: #131D2F; border-radius: 0.1rem; position: absolute; top: 0.75rem; left: 0.1rem; padding: 0.1rem 0; z-index: 999;}
.main-type .type-li{ display: flex; justify-content: flex-start; line-height: 0.6rem; padding: 0 0.1rem;}
.main-type .type-li span{ display: inline-block; width: 0.9rem; text-align: left; font-size: 0.27rem; margin-right: 0.2rem; color: #485875;}
.main-type .type-li span.cur{ color: #A5C2F8;}
.main-type .type-li span.name{ color: #A5C2F8; margin-right: 0.2rem; }

.tab-box{ display: block; position: relative;}
.tab-tit{ display: flex; justify-content: center; height: 0.61rem; border-bottom: 0.03rem solid #000; }
.tab-tit span{ display: inline-block; line-height: 0.59rem; margin: 0 0.83rem; font-size: 0.26rem; color: #A5C2F8;}
.tab-tit span.cur{ color: #1C82D5; border-bottom: 0.02rem solid #1C82D5; }
#tab-main{ width: 100%; /*height: 4.14rem;*/ height: 260px; }
.tab-name{ width: 100%; position: absolute; top: 0.8rem; left: 0; text-align: center;}
.tab-name span{ display: inline-block; margin: 0 0.15rem; color: #5F7796; font-size: 0.24rem;}
.tab-name span b{ display: inline-block; width: 0.15rem; height: 0.15rem; background-color: #F7673D; margin-right: 0.12rem;}
.tab-name span.cur b{ background-color: #03C087;}

.bot-list{ display: block; padding: 0.2rem 0.2rem 0.8rem;}
.bot-list .bot-tit{ display: flex; justify-content: space-between; margin-bottom: 0.15rem;}
.bot-list .bot-tit span{ font-size: 0.26rem; color: #A5C2F8; }
.bot-list .list-type{ display: flex; justify-content: flex-end; margin-bottom: 0.1rem;}
.bot-list .list-type span{ display: flex; justify-content: center; align-items: center; width: 2.01rem; height: 0.43rem; border: 1px solid #A5C2F8; border-radius: 0.1rem; font-size: 0.24rem; color: #A5C2F8;}
.bot-list .list-type img{ height: 0.1rem; margin-left: 0.05rem; }
.list-ul{ display: flex; justify-content: center; }
.list-ul ul{ width: 50%;}
.list-ul li{ display: flex; justify-content: space-between; font-size: 0.24rem; height: 0.36rem; align-items: center; position: relative;}
.list-ul li span{ position: relative; z-index: 100; }
.list-ul li .sort{ color: #FE2400; }
.list-ul li .price{ color: #E5E5E5; width: 1.3rem;}
.list-ul li .num{ width: 1.8rem; text-align: right; color: #FE2400; padding-right: 0.1rem;}
.list-ul li .bg{ width: 1rem; height: 0.36rem; position: absolute; top: 0; right: 0; z-index: 1; background-color: rgba(255,30,0,0.2);}

.list-ul li.rg .sort{ color: #60E562; }
.list-ul li.rg .num{ padding: 0 0 0 0.1rem; text-align: left; color: #60E562;}
.list-ul li.rg .bg{ left: 0; background-color: rgba(72,188,74,0.2);}

.list-new{}
.list-new li{ display: flex; justify-content: space-between; margin-bottom: 0.2rem; font-size: 0.24rem; color: #E5E5E5; text-align: center; line-height: 160%;}
.list-new li .time{ }
.list-new li .time span{ display: block; }
.list-new li .price{ width: 3rem; }
.list-new li .price span{ display: block; color: #FE2400; }
.list-new li .num{ text-align: right; }
.list-new li .num span{ display: block; color: #5A5F67; }

.bot-con-tit{ display: block; font-size: 0.27rem; color: #A5C2F8; line-height: 0.6rem; }
.bot-con{ display: inline-block; padding: 0.2rem 0; line-height: 200%; font-size: 0.32rem; color: #A5C2F8; }

.k-li{ display: flex; justify-content: space-between; line-height: 160%; font-size: 0.2rem;}
.k-li span{ color: #647D9D; padding: 0.05rem;}

.new-price .top-rg li,.new-price .top-rg li span,.new-price .lt-price{ color: #8C8C8C; }
.new-list span{ color: #828282; }
.new-list span.cur{ color: #FF3030; }
.new-box .main-type{ background-color: #ECECEC; }
.new-box .main-type .type-li span.cur{ color: #FF2E2E }
.new-box .main-type .type-li span{ color: #828282; }
.k-box .k-li span{ color: #eee;}

.help-list{ display: flex; }
.help-list .list{ border-right: 1px solid #F1F1F1; width: 1.6rem; height: 100%; border-top: 1px solid #F1F1F1;}
.list span{ display: block; line-height: 0.8rem; text-align: center; border-bottom: 1px solid #FCFCFC;}
.list span.cur{ background-color: #F6F6F6; font-weight: bold; }
.list-box{ display: block; width: 5.8rem; padding: 0.1rem; }
.list-box span{ display: block; margin-top: 0.1rem; line-height: 0.6rem; border: 1px solid #F4F4F4; border-radius: 0.4rem; text-align: center;}

.help-main{ display: block; padding: 0.2rem; border-top: 1px solid #F1F1F1;}
.help-main h3{ display: block; font-size: 0.3rem; line-height: 0.5rem; font-weight: bold;}
.help-main .content{ display: block; line-height: 200%; padding: 0.2rem 0;}
